.banner img{ width: 100%; }
.banner-pagination{ bottom: 20px!important;}
.banner-pagination .swiper-pagination-bullet{ width: 18px; height: 18px; margin: 0 6px!important; background: #fff; opacity:1;}
.banner-pagination .swiper-pagination-bullet-active{ background: #c40101;}

.i-tit{ text-align: center; font-size: 36px; color: #00479d; margin-bottom: 30px;}
.i-tit + .p{ text-align: center; font-size: 20px; line-height: 1.4;}

/*index-pro*/
.i-pro-hd{ margin: 35px 0 50px;}
.i-pro-hd li{ float: left; width: 23.25%; line-height: 60px; text-align: center; font-size: 22px; background: #f2f2f2; cursor: pointer; }
.i-pro-hd li.on,.i-pro-hd li:hover{ color: #fff; background: #00479d;}
.i-pro-hd li + li{ margin-left: 2.33%;}
.i-pro-item{ display: none;}
.i-pro-item ul{ margin: 0 -12px;}
.i-pro-item li{ float: left; width: 33.333%; padding: 0 12px;}
.i-pro-item .box{ background: #f5f5f5;}
.i-pro-item .txt{ padding: 20px 0 40px; text-align: center;}
.i-pro-item .name{ display: block; font-size: 26px; margin-bottom: 22px;}
.i-pro-item .btns a{ display: inline-block; width: 140px; line-height: 40px; font-size: 18px; color: #00479d; border: 1px solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;}
.i-pro-item .btns a + a{ margin-left: 40px; color: #e72828;}
.i-pro-item .btns a:hover{ background: #00479d; color: #fff; border-color: #00479d;}
.i-pro-item .btns a + a:hover{ background: #e72828; color: #fff; border-color: #e72828;}
.i-pro-item .pic{ display: block; overflow: hidden; }
.i-pro-item .pic img,.i-case-swiper .pic img{
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear; }
.i-pro-item li:hover img,.i-case-swiper .swiper-slide:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}
.index-pro .more{ display: inline-block; margin-top: 30px; font-size: 26px; color: #e72828;}
/*index-pro*/

/*index-about*/
.index-about .i-tit{ margin-bottom: 60px; }
.i-a-intro .txt{ width: 50%; line-height: 36px; font-size: 18px;}
.i-a-intro h3{ position: relative; font-size: 24px; font-weight: normal; padding-bottom: 18px; margin-bottom: 15px; }
.i-a-intro h3 span{ position: absolute; left: 0; bottom: 0; width: 72px; border-top: 1px solid;}
.i-a-intro .pic{ width: 41.2%;}
/*index-about*/

/*index-fuwu*/
.index-fuwu{ background: #f2f2f2;}
.index-fuwu .p{ margin-bottom: 40px;}
.index-fuwu .p b{ color: #dc3633;}
.i-fw-item .txt{ width: 50%; line-height: 34px; padding-top: 75px;}
.i-fw-item .txt.pull-left{ padding-right: 70px;}
.i-fw-item .txt.pull-right{ padding-left: 70px;}
.i-fw-item:last-child .txt{ padding-top: 60px;}
.i-fw-item h3{ position: relative; padding-left: 40px; font-size: 32px; font-weight: normal; line-height: 42px; }
.i-fw-item h3 span{ position: absolute; left: 0; top: 0;}
.i-fw-item p{ margin: 20px 0 25px;}
.i-fw-item .more{ display: block; width: 80%; line-height: 52px; font-size: 20px; color: #fff; text-align: center; background: #dc3633;}
.i-fw-item .more i{ position: relative; top: -2px; display: inline-block; margin-right: 10px; font-size: 24px; vertical-align: middle;}
.i-fw-item .pic{ width: 50%;}
/*index-fuwu*/

/*index-news*/
.index-news ul{ margin: 0 -30px;}
.index-news li{ float: left; width: 50%; padding: 0 30px;}
.index-news li a{ display: block; overflow: hidden;}
.i-n-list1 li a{ background: #e9f0f6;}
.i-n-list1 img{ float: left; width: 42%;}
.i-n-list1 .txt{ float: right; width: 58%; padding: 13px 30px 0;}
.i-n-list1 h3{ margin-bottom: 8px; font-size: 22px; line-height: 30px; height: 60px; color: #3d508c;}
.i-n-list1 p{ font-size: 18px; line-height: 30px; height: 60px; color: #787878;}
.i-n-list2 li{ margin-top: 22px;}
.i-n-list2 li a{ position: relative; border: 1px solid #c8c8c8; padding: 20px 40px 20px 105px; }
.i-n-list2 .date{ position: absolute; left: 15px; top: 50%; margin-top: -26px; padding-right: 15px; border-right: 1px solid #a0a0a0; text-align: center;}
.i-n-list2 .date .day{ font-size: 30px; padding: 2px 0 6px; color: #646464; font-weight: bold;}
.i-n-list2 .date .year{ color: #a0a0a0;}
.i-n-list2 h3{ font-size: 16px; color: #333; margin-bottom: 15px;}
.i-n-list2 p{ font-size: 14px; color: #a0a0a0;}
.index-news li:hover h3{ color: #c60000; }


@media screen and (min-width: 992px){}

@media screen and (max-width: 1249px){
    .i-tit{ font-size: 32px;}

    /*index-pro*/
    .i-pro-hd{ margin: 30px 0 40px;}
    .i-pro-item .btns a{ width: 120px;}
    .i-pro-item .btns a + a{ margin-left: 20px;}

    /*index-about*/
    .index-about .i-tit{ margin-bottom: 45px;}
    .i-a-intro .txt{ width: 53%;}


    /*index-fuwu*/
    .index-fuwu .p{ margin-bottom: 35px;}
    .i-fw-item .txt{ padding-top: 50px;}
    .i-fw-item .txt.pull-left{ padding-right: 40px;}
    .i-fw-item .txt.pull-right{ padding-left: 40px;}
    .i-fw-item:last-child .txt{ padding-top: 30px;}
    .i-fw-item h3{ font-size: 26px; line-height: 1.3;}
    .i-fw-item p{ line-height: 30px; margin: 15px 0;}

    /*index-news*/
    .index-news ul{ margin: 0 -20px;}
    .index-news li{ padding: 0 20px;}
    .i-n-list1 .txt{ padding: 10px 15px 0;}
    .i-n-list1 h3{ font-size: 18px; line-height: 26px; height: 52px;}
    .i-n-list1 p{ font-size: 15px; line-height: 22px; height: 44px;}
}

@media screen and (max-width: 991px){
    .banner-pagination{ bottom: 15px!important;}
    .banner-pagination .swiper-pagination-bullet{ width: 14px; height: 14px; margin: 0 5px!important;}

    .i-tit{ font-size: 28px; }

    /*index-pro*/
    .index-pro .p{ font-size: 17px; margin-top: -10px;}
    .i-pro-hd{ margin: 20px 0 30px;}
    .i-pro-hd li{ font-size: 19px; line-height: 52px;}
    .i-pro-item ul{ margin: 0 -5px;}
    .i-pro-item li{ padding: 0 5px;}
    .i-pro-item .txt{ padding-bottom: 25px;}
    .i-pro-item .name{ font-size: 20px; margin-bottom: 15px;}
    .i-pro-item .btns a{ width: 100px; line-height: 36px; font-size: 16px;}
    .i-pro-item .btns a + a{ margin-left: 10px;}

    /*index-about*/
    .index-about .i-tit{ margin-bottom: 35px;}
    .i-a-intro h3{ padding-bottom: 12px; margin-bottom: 10px;}
    .i-a-intro .txt{ width: 50%; font-size: 15px; line-height: 28px;}
    .i-a-intro .pic{ width: 48%;}


    /*index-fuwu*/
    .index-fuwu .p{ margin-bottom: 30px; }
    .i-fw-item .txt{ padding-top: 20px;}
    .i-fw-item:last-child .txt{ padding-top: 10px;}
    .i-fw-item .txt.pull-left{ padding-right: 15px;}
    .i-fw-item .txt.pull-right{ padding-left: 15px;}
    .i-fw-item h3{ font-size: 22px; padding-left: 30px;}
    .i-fw-item p{ font-size: 15px; line-height: 28px; margin: 5px 0 12px;}
    .i-fw-item .more{ font-size: 16px; line-height: 44px;}

    /*index-news*/
    .index-news ul{ margin: 0 -10px;}
    .index-news li{ padding: 0 10px;}
    .i-n-list1 .txt{ padding: 15px 13px 0;}
    .i-n-list1 h3{ font-size: 17px; line-height: 20px; -webkit-line-clamp: 1; height: 20px; margin-bottom: 10px;}
    .i-n-list1 p{ font-size: 14px; line-height: 20px; height: 40px;}
    .i-n-list2 li a{ padding: 20px 10px 20px 90px;}
    .i-n-list2 .date{ left: 10px; padding-right: 10px;}
}

@media screen and (max-width: 767px){
    .banner-pagination{ bottom: 10px!important;}
    .banner-pagination .swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 3px!important;}

    .i-tit{ font-size: 24px; margin-bottom: 20px;}
    .i-tit + .p{font-size: 16px; line-height: 26px;}

    /*index-pro*/
    .i-pro-hd{ margin: 15px 0 20px;}
    .i-pro-hd li{ font-size: 16px; line-height: 46px; width: 24.25%;}
    .i-pro-hd li + li{ margin-left: 1%;}
    .i-pro-item ul{ margin: 0 -3px;}
    .i-pro-item li{ padding: 0 3px;}
    .i-pro-item .txt{ padding: 0;}
    .i-pro-item .name{ font-size: 15px; line-height: 36px; margin-bottom: 0;}
    .index-pro .more{ font-size: 20px; margin-top: 20px;}

    /*index-about*/
    .index-about .i-tit{ margin-bottom: 25px;}
    .i-a-intro h3{ font-size: 20px; }
    .i-a-intro .txt{ width: 100%; font-size: 14px; line-height: 26px; margin-bottom: 10px; }
    .i-a-intro .pic{ width: 100%;}



    /*index-fuwu*/
    .index-fuwu .p{ margin: -5px 0 5px; }
    .i-fw-item .txt{ width: 100%; max-width: 600px; margin: 0 auto; float: none!important; padding: 15px 0!important;}
    .i-fw-item .pic{ width: 100%;}
    .i-fw-item h3{ font-size: 20px; padding-left: 26px;}
    .i-fw-item p{ font-size: 14px; line-height: 26px; }
    .i-fw-item .more{ width: 100%; max-width: 390px; font-size: 15px; line-height: 44px;}

    /*index-news*/
    .index-news ul{ margin: 0 -3px;}
    .index-news li{ padding: 0 3px;}
    .i-n-list1 img{ width: 100%;}
    .i-n-list1 .txt{ width: 100%; padding: 10px; text-align: center;}
    .i-n-list1 h3{ font-size: 15px; margin-bottom: 0;}
    .i-n-list2 li{ width: 100%; margin-top: 15px;}
    .i-n-list2 li a{ padding: 15px 10px 15px 80px;}
    .i-n-list2 h3{ margin-bottom: 12px;}
    .i-n-list2 .date{ margin-top: -22px; padding-right: 10px;}
    .i-n-list2 .date .day{ font-size: 24px;}
    .i-n-list2 .date .year{ font-size: 12px;}

}

@media screen and (max-width: 440px){
    .i-pro-hd li{ font-size: 14px;}
}
@media screen and (max-width: 353px) {
}